<template>
  <div>
    <h1>首页：{{ userStore.userInfo.username }}</h1>
    <div>
      <h3>应用中心</h3>
      <ul style="display: flex; font-size: 12px">
        <li
          style="
            width: 80px;
            height: 80px;
            background-color: beige;
            text-align: center;
            line-height: 80px;
            margin-right: 15px;
            cursor: pointer;
            user-select: none;
          "
        >
          系统管理
        </li>
        <li
          style="
            width: 80px;
            height: 80px;
            background-color: beige;
            text-align: center;
            line-height: 80px;
            margin-right: 15px;
            cursor: pointer;
            user-select: none;
          "
        >
          运维管理
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "Dashboard",
  inheritAttrs: false,
});
import { useUserStore } from "@/store/modules/user.store";

const userStore = useUserStore();
</script>
